<template>
  <el-config-provider :locale="locale">
    <div class="app">
      <router-view />
    </div>
  </el-config-provider>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
export default defineComponent({
  components: {
    [ElConfigProvider.name]: ElConfigProvider,
  },
  setup() {
    const locale = zhCn
    return {
      locale,
    }
  },
})
</script>

<style lang="less">
.app {
  height: 100%;

  .mouseDiv {
    width: 300px;
    height: 550px;
    z-index: 1000;
    position: fixed;
    top: 150px;
    left: 43%;
    background: #c3bdbdd6;
    .topNav {
      position: absolute;
      display: block;
      width: 100%;
      height: 20px;
      background: #e9ebec;
      border: 1px solid #e9ebec;
      z-index: 99;
      cursor: move;
    }
  }
}
</style>
